<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="renderer" content="webkit"/>
    <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-orientation" content="portrait"/>
    <title>扁平化的粥铺餐饮企业网站html模板案例列表页 - 模板之家 http://www.cssmoban.com</title>
    <base href="${pageContext.request.contextPath}/">
    <link rel="stylesheet" type="text/css" href="static/thirdly/business/css/style.css"/>
    <script src="static/thirdly/business/js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <link href="static/thirdly/business/css/common.css" rel="stylesheet" type="text/css"/>
    <script src="static/thirdly/business/js/footer.js" type="text/javascript"></script>
    <style>
        .navbar li a{
            padding: 0 15px;

        }
        .navbar{
            left: 360px;
        }
    </style>
</head>
<body>
<div class="top">
    <a href="index.html" class="logo fl"><img height="70px" width="300px" src="${business.businessLogo}"/></a>
    <ul class="navbar clearfifx">
        <li><a href="index.html">网站首页</a></li>
        <c:if test="${createUser.rId==1}">
            <li><a href="shopcommoditylist.action?uId=${createUser.uId}&businessId=${business.businessId}">购物车</a></li>
        </c:if>
        <c:if test="${sessionScope.business!=null}">
            <li><a href="${pageContext.request.contextPath}/thirdly/tocommoditycategorpadd.action">添加商品分类</a></li>
            <li><a href="${pageContext.request.contextPath}/thirdly/tocommodityadd.action">添加商品</a></li>
            <li><a href="${pageContext.request.contextPath}/thirdly/tobusinessinfo.action?businessId=${business.businessId}">商家的信息</a></li>
            <li><a href="${pageContext.request.contextPath}/thirdly/businessorderlist.action?businessId=${business.businessId}">商家订单</a></li>
            <c:if test="${sessionScope.business!=null}">
                <li><a href="${pageContext.request.contextPath}/exit.action">退出</a></li>
            </c:if>
        </c:if>

       <%--<c:if test="${createUser!=null}">
           <li><a href="orderlist.action" target="right">订单列表</a></li>
       </c:if>--%>

    </ul>
    <p class="fr"><img src="static/thirdly/business/img/tel.png"/>${business.businessTel}</p>
</div>
<div class="neibanner">
    <img width="100%" height="500px" src="${business.businessImg}"/>
</div>
<div class="breadcrumb">
    <div class="w1240 clearfix">
        <p class="fl"><img
                src="static/thirdly/business/img/home.png"><span>当前位置：</span><span>首页 </span><i>&gt;</i> <span>产品中心</span>
        </p>
        <a href="" class="fr"><img src="static/thirdly/business/img/house.png">HOME</a>
    </div>
</div>
<div class="casepage">
    <div class="w1240">
        <div class="fenlei">
            <input type="hidden" id="logo" value="${business.businessLogo}">
            <a style="cursor: pointer;" class="mm on"
               href="commoditylistbybusinessId.action?businessId=${business.businessId}" target="right">全部</a>
            <c:forEach items="${commoditycategorplist}" var="commoditycategorp">
                <a style="cursor: pointer;" class="mm" href="commoditylistbycateid.action?cateId=${commoditycategorp.cateId}" <%--onclick="myfun1(${commoditycategorp.cateId})"--%> target="right">${commoditycategorp.cateName}</a>
            </c:forEach>
        </div>
        <ul class="clearfix" id="food">
            <iframe src="commoditylistbybusinessId.action?businessId=${business.businessId}" name="right"
                    frameborder="0" width="100%" height="900px" style="margin: auto"></iframe>
        </ul>
        <div class="fenye">
            <%-- <a href="${pageContext.request.contextPath}${page.servletUrl}">首页</a>
             <a href="${pageContext.request.contextPath}${page.servletUrl}?pageNum=${page.pageInfo.pageNum-1}&${page.condition}">上一页</a>
             <c:forEach begin="${page.pageInfo.navigateFirstPage}"
                        end="${page.pageInfo.navigateLastPage}" var="a">
                 <a href="${pageContext.request.contextPath}${page.servletUrl}?pageNum=${a}">${a}</a>
             </c:forEach>
             <a href="${pageContext.request.contextPath}${page.servletUrl}?pageNum=${page.pageInfo.pageNum==page.pageInfo.pages?page.pageInfo.pageNum:page.pageInfo.pageNum+1}">下一页</a>
             <a href="${pageContext.request.contextPath}${page.servletUrl}?pageNum=${page.pageInfo.pages}">尾页</a>--%>
        </div>
    </div>
</div>
<c:if test="${createUser!=null}">
<!--右侧菜单栏购物车样式-->
<div class="fixedBox">
    <ul class="fixedBoxList">
        <li class="fixeBoxLi user">
            <a href="#"> <span class="fixeBoxSpan"></span> <strong>消息中心</strong></a>
        </li>
        <li class="fixeBoxLi cart_bd" style="display:block;" id="cartboxs">
            <p class="good_cart">9</p>
            <span class="fixeBoxSpan"></span> <strong>购物车</strong>
            <div class="cartBox">
                <div class="bjfff"></div>
                <c:forEach items="${shopcommoditylist}" var="shopcommodity">
                    <div class="">
                        <img style="width: 50px; height: 50px" src="${shopcommodity.comImg}">
                        <font>${shopcommodity.comName}</font>
                        <font>${shopcommodity.coNumber}份</font>
                        <font>${shopcommodity.coPrinces}元</font>
                    </div>
                </c:forEach>
                <b>总价:<input type="number" readonly value="${shop.prices}"><a href="">结算</a></b>
                <c:if test="${shopcommoditylist}==null">
                <div class="message">购物车内暂无商品，赶紧选购吧</div>
                </c:if>
            </div>
        </li>
        <li class="fixeBoxLi Service "><span class="fixeBoxSpan"></span> <strong>客服</strong>
            <div class="ServiceBox">
                <div class="bjfffs"></div>
                <dl onclick="javascript:;">
                    <dt><img src="img/Service1.png"></dt>
                    <dd><strong>QQ客服1</strong>
                        <p class="p1">9:00-22:00</p>
                        <p class="p2">
                            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a>
                        </p>
                    </dd>
                </dl>
                <dl onclick="javascript:;">
                    <dt><img src="img/Service1.png"></dt>
                    <dd><strong>QQ客服1</strong>
                        <p class="p1">9:00-22:00</p>
                        <p class="p2">
                            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a>
                        </p>
                    </dd>
                </dl>
            </div>
        </li>
        <li class="fixeBoxLi code cart_bd " style="display:block;">
            <span class="fixeBoxSpan"></span> <strong>微信</strong>
            <div class="cartBox">
                <div class="bjfff"></div>
                <div class="QR_code">
                    <p><img src="img/erweim.jpg" width="180px" height="180px"/></p>
                    <p>微信扫一扫，关注我们</p>
                </div>
            </div>
        </li>

        <li class="fixeBoxLi Home">
            <a href="user"> <span class="fixeBoxSpan"></span> <strong>收藏夹</strong> </a>
        </li>
        <li class="fixeBoxLi BackToTop"><span class="fixeBoxSpan"></span> <strong>返回顶部</strong></li>
    </ul>
</div>
</c:if>
<script src="static/thirdly/business/js/jquery-3.3.1.min.js"></script>
<script src="static/thirdly/business/js/SuperSlide.2.1.3.js"></script>
<script src="static/thirdly/business/js/more.js"></script>
<script>
    $(function () {
        $(".mm").click(function () {
            $(this).addClass("on");
            $(".mm").removeClass("on");
        });
       /* $(".jia").click(function () {
            $(this).parent().find(".gmsl");
            $.post("", {}, function () {

            });
        });*/
    });
 /*   function myfun1(cateId) {
        $(".mm").removeClass("on");
    }*/

</script>
</body>
</html>                                                                            
